<template>
	<view style="padding: 30rpx;margin-left: 4%;">
		<u-toast ref="uToast" />
		<u-navbar :border-bottom='false' title-bold="true" style="font-weight: 1200;" title="实名认证">
		</u-navbar>
		<view style="margin-top: 10%;">
			<text style="font-size: 36rpx;font-weight: 800;">实名认证</text>
			<view><text>应国家相关法律要求，交易前必须实名认证</text></view>
		</view>
		<view style="margin-top: 100rpx;">
		<u-form   :rules="rules" ref="uForm" :errorType="errorType">
			<u-form-item label-width="150" :leftIconStyle="{color: '#888', fontSize: '32rpx'}" right-icon="account" :label-position="labelPosition" label="姓名" prop="name">
				<u-input :border="border" placeholder="请输入姓名" v-model="form.codeName" type="text"></u-input>
			</u-form-item>
			<u-form-item label-width="150" :label-position="labelPosition" label="身份证号" >
				<u-input :border="border" type="number"  v-model="form.codeId" placeholder="请输入本人身份证号" ></u-input>
				<view slot="right" style="color: '#888'" class="ocm icon-yinhangka"></view>
			</u-form-item>
			<u-form-item label-width="150" :label-position="labelPosition" label="支付密码" right-icon="lock">
				<u-input :border="border" maxlength="6" type="password"  v-model="form.payPassword" placeholder="请设置六位支付密码" ></u-input>
				
			</u-form-item>
			
		</u-form>
		</view>
		<view style="margin-top: 70rpx;" >
			<u-button  @click="submit">提交</u-button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				labelPosition: 'top',
				form:{
					codeId:null,
					codeName:null
				}
			}
		},
		methods: {
			submit(){
				this.$u.api.certification(this.form).then(res=>{
					this.$refs.uToast.show({
						title: '实名认证成功',
						duration:1000,
						type: 'success',
						back:true
					})
					
				})
			},
		}
	}
</script>

<style>

</style>
